<script setup>
import { ref } from 'vue';
import { changePage } from '../tools/linkTo';

</script>

<template>
    <div class="page">
        <div>1</div>
        <div class="jump">
            <div @click="changePage('Game')">Start Game</div>
            <div @click="changePage('Rank')">Rank</div>
            <div @click="changePage('mapEditor')">Edit</div>
            <div @click="changePage()">Back Home</div>
        </div>
    </div>
</template>

<style scoped>
.page {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.jump{
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 30px;
    text-align: center;
    font-family: 'Segoe Script';
}
</style>
